<template>
  <div class="banner">
    <!-- 背景 -->
    <img
      class="img-left"
      src="@/assets/images/dashboard-banner-left@2x.png"
      alt=""
    />
    <img
      class="img-right"
      src="@/assets/images/dashboard-banner-right@2x.png"
      alt=""
    />

    <!-- 头像 -->
    <img class="user-header" src="@/assets/images/avatar@2x.png" alt="" />
    <p class="user-title">仓储管理员</p>

    <!-- 口号 -->
    <p class="subject-title">我不是为了输赢，我就是认真！</p>
    <p class="subject-author">—— 罗永浩</p>

    <!-- 站点 -->
    <div class="site">
      <p class="title">北京总仓</p>
      <!-- <i class="change iconfont icon_team_guanbi2x" /> -->
    </div>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'

@Component({
  name: 'Banner'
})
export default class extends Vue {}
</script>

<style lang="scss" scoped>
@import 'index';
</style>
